/* 滚动条样式，PS：仅在Chrome浏览器中生效 */

/* 滚动条整体部分，可以设置宽度（垂直）、高度（水平） */

::-webkit-scrollbar {
  width: 8px;
  height: 8px
}

/* 外层轨道 */

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-track:hover {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.05);
}

::-webkit-scrollbar-track:active {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.1);
}

/* 滚动条滑块的样式 */

::-webkit-scrollbar-thumb {
  background-color: rgba(170, 170, 170, 0.5);
  border-radius: 50px;
}

:hover::-webkit-scrollbar-thumb {
  background-color: #aaaaaa;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #aaaaaa;
}

::-webkit-scrollbar-thumb:active {
  background: #aaaaaa;
}